<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ page import="com.esurvey.core.*" %>
<%@ page import="java.sql.Date" %>
<HTML>
<HEAD>
	<TITLE>eSurvey - Visualizaci&oacute;n de encuestas</TITLE>
	<LINK href="styles/general.css" type="text/css" rel="stylesheet">
	<LINK href="styles/visitorViewSurvey.css" type="text/css" rel="stylesheet">
	<SCRIPT src="jquery/jquery.js" type="text/javascript"></SCRIPT>
	<SCRIPT src="js/global.js" type="text/javascript"></SCRIPT>
	<SCRIPT src="js/dinamicDivs.js" type="text/javascript"></SCRIPT>
	<SCRIPT src="js/visitorViewSurvey.js" type="text/javascript"></SCRIPT>
</HEAD>
<%
if ((session.getAttribute("visitor") != null) && (request.getParameter("idSurvey") != null)) {
	try {
		//cargamos toda la información de la encuesta seleccionada
		int idSurvey = Integer.parseInt((String) request.getParameter("idSurvey"));
		Survey s = eSurveyPersistence.loadSurvey(idSurvey);

		//cargamos los datos del usuario que ha creado la encuesta
		User u = eSurveyPersistence.loadUser(s.getIdOwner());

		//comprobamos que la encuesta recibida por parámetro exista
		if (s != null) {
%>
<BODY>
<DIV id="general">
	<DIV id="header">
		<%@ include file="header.jsp" %>
	</DIV>
	<DIV id="content">
		<DIV id="main">
			<FORM id="survey" name="survey" onsubmit="return checkSurvey()" action="visitorResponseSurvey.jsp">
				<DIV class="pageTitle">
					<H1>Visualizaci&oacute;n de la encuesta '<%= s.getId() %>'</H1>
					<SPAN class="creationDate">(Creada el <%= s.getCreationDateToString() %> por <%= u.getName()+" "+u.getSurname() %>)</SPAN>
				</DIV>
				<DIV id="warning">
				</DIV>
				<DIV class="filasHeader">
					<LABEL class="labelTitle">
						Asunto:
					</LABEL>
					<%
						out.println("<LABEL class='labelValue'>"+s.getSubject()+"</LABEL>");
					%>
					<LABEL class="labelTitle">
						Fecha de vencimiento:
					</LABEL>
					<%
						out.println("<LABEL class='labelValue'>"+s.getDueDateToString()+"</LABEL>");
					%>
				</DIV>
				<DIV class="filasHeader">
					<LABEL class="labelTitle">
						Tipo de encuesta:
					</LABEL>
					<%
						out.println("<LABEL class='labelValue'>"+s.getKindToString()+"</LABEL>");
					%>
					<LABEL class="labelTitle">
						Categor&iacute;a:
					</LABEL>
					<%
						Category c = eSurveyPersistence.loadCategory(s.getIdCategory());
						out.println("<LABEL class='labelValue'>"+c.getName()+"</LABEL>");
					%>
					<LABEL class="labelTitle">
						An&oacute;nima:
					</LABEL>
					<%
						if (s.isAnonymous()) {
							out.println("<LABEL class='labelValue'>S&iacute;</LABEL>");
						} else {
							out.println("<LABEL class='labelValue'>No</LABEL>");
						}
					%>
					<input type="submit" class="button" value="ENVIAR">
				</DIV>
				<DIV ID="contentQuestions">
				<%
					//creamos la variable que obtiene la pregunta actual del tipo monorespuesta que se está pulsando
					//(para poder pasárselo a la función javascript correspondiente que controla este tipo de preguntas
					//y poder controlar que todas las preguntas monorespuesta hayan sido respondidas)
					int monorespuestaActual = 1;

					//creamos la variable que obtiene la pregunta actual del tipo monorespuesta que se está pulsando
					//(para poder conrolar que todas las preguntas multirespuesta han sido respondidas)
					int multirespuestaActual = 1;

					//obtenemos el total de respuestas de la encuesta para crear el array que contendrá los 
					//identificadores
					int numAnswers = 0;
					for (Question q: s.getQuestions()) {
						numAnswers += q.getAnswers().size();
					}
					int[] listIdAnswers = new int[numAnswers];
					int i = 1;
					int pos = 0;
					for (Question q: s.getQuestions()) {
						if (q.getKindToString().toUpperCase().equals("RESPUESTA ABIERTA")) {
							out.println("<DIV class='dhtmlgoodies_question'>"+i+": "+q.getQuestion()+"</DIV>");
							out.println("<DIV class='dhtmlgoodies_answer'>");
								out.println("<DIV>");
									out.println("<input id='answer"+q.getAnswers().get(0).getId()+"' name='answer"+q.getAnswers().get(0).getId()+"' type='text' class='answer'>");
									listIdAnswers[pos] = q.getAnswers().get(0).getId();
									pos++;
								out.println("</DIV>");
							out.println("</DIV>");
							i++;
						} else if (q.getKindToString().toUpperCase().equals("MONORESPUESTA")) {
							out.println("<DIV class='dhtmlgoodies_question'>"+i+": "+q.getQuestion()+"</DIV>");
							out.println("<DIV class='dhtmlgoodies_answer'>");
								out.println("<DIV>");
									out.println("<UL>");
										for (Answer a: q.getAnswers()) {
											out.println("<LI>");
												out.println("<input id='answer"+a.getId()+"' name='answer"+a.getId()+"' type='radio' class='mono-multiAnswer' onclick=monoresponseClicked('answer"+a.getId()+"',"+monorespuestaActual+")>");
												out.println("<LABEL class='answer'>"+a.getAnswer()+"</LABEL>");
											out.println("</LI>");
											listIdAnswers[pos] = a.getId();
											pos++;
										}
									out.println("</UL>");
								out.println("</DIV>");
							out.println("</DIV>");
							i++;

							//incrementamos el valor de la variable que almacena la pregunta actual del tipo monorespuesta
							//que se está tratando
							monorespuestaActual++;
						} else if (q.getKindToString().toUpperCase().equals("MULTIRESPUESTA")) {
							out.println("<DIV class='dhtmlgoodies_question'>"+i+": "+q.getQuestion()+"</DIV>");
							out.println("<DIV class='dhtmlgoodies_answer'>");
								out.println("<DIV>");
									out.println("<UL>");
										for (Answer a: q.getAnswers()) {
											out.println("<LI>");
												out.println("<input id='answer"+a.getId()+"' name='answer"+a.getId()+"' type='checkbox' class='mono-multiAnswer ."+multirespuestaActual+"'>");
												out.println("<LABEL class='answer'>"+a.getAnswer()+"</LABEL>");
											out.println("</LI>");
											listIdAnswers[pos] = a.getId();
											pos++;
										}
									out.println("</UL>");
								out.println("</DIV>");
							out.println("</DIV>");
							i++;
						}
					}

					session.setAttribute("listIdAnswers", listIdAnswers);
					session.setAttribute("surveyResponsed", idSurvey);
				%>
				</DIV>
			</FORM>
		</DIV>
		<DIV id="nav">
			<DIV class="tabs">
				<%@ include file="visitorTabs.html" %>
			</DIV>
		</DIV>
	</DIV>
	<DIV id="footer">
		<%@ include file="footer.jsp" %>
	</DIV>
</DIV>
</BODY>
<%
		} else {
			response.sendRedirect("visitorViewSurveys.jsp");
		}
	} catch (Exception e) {
		response.sendRedirect("error.jsp?exception="+e);
	}
} else {
		response.sendRedirect("loginCert.jsp");
}
%>
</HTML>
